.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-panel {
  position:relative;
  z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;}
.btn-hamburger{position:absolute;top:56px;margin-top:-10px;right:5%;background:url(../images/menubtn.png) no-repeat;background-size:25px;width:25px;height:25px;border:none;outline:none;display:none;cursor:pointer;}
.mc-menu{background-color: #1D1F20; background-image: linear-gradient(145deg, #1D1F20, #404348);display:none;}

.mc-menuul{ padding-top:30px;}
.mc-menu li{ border-bottom:1px dotted #545454; padding-left:15px;}
.mc-menu li a{ display:block; color:#f5f5f5; line-height:45px;}
.footer2{ display:none}
.footer2{ display: none; width:100%; background-color:#333;padding:5px 0; position:fixed!important; bottom:0;z-index:999;  }
.footer2 li{ float:left; width:33.33%; text-align:center;}
.footer2 li a{ color:#fff; display:block; line-height:20px; padding-top:30px;}


@media screen and (max-width:1199px){
.h_team_jieshao {
	background-image:none;border:solid 1px #dcdcdc;
	
}
.h_team_jieshao:hover {
	background-image: none;border:solid 1px #9e0001;
}

.h_case_list_a:hover img{    
       transform: scale(1);    
}

.contact_txt {
clear:both; float:none;
	width: 100%;
	margin-top: 20px;
}
}

@media screen and (max-width:1024px){
.minibanner1 {height: 180px;}
.minibanner12 {height: 180px;}
.minibanner2 {height: 180px;}
.minibanner3 {height: 180px;}
.minibanner4 {height: 180px;}
.minibanner5 {height: 180px;}
.minibanner6{height: 180px;}
}
@media screen and (max-width:800px){
.h_service_three a {
	width: 150px; padding-top: 170px;
}
.minibanner1 {height: 150px;}
.minibanner12 {height: 150px;}
.minibanner2 {height: 150px;}
.minibanner3 {height: 150px;}
.minibanner4 {height: 150px;}
.minibanner5 {height: 150px;}
.minibanner6{height: 150px;}
}
@media screen and (max-width:768px){
.footer2{ display: block}
.top_menu_bj .btn-hamburger{ display:block}
.top_bj{ display:none}

.top_logo { width:32%; }
.top_menu { display:none}

.h_service_l { display:none}
.h_service_r {
	float: none;
	width: 100%;
}

.h_service_li01 a {background-size:50% auto;}
.h_service_li02 a {background-size:50% auto;}
.h_service_li03 a {background-size:50% auto;}
.h_service_li04 a {background-size:50% auto;}
.h_service_li01 a:hover {background-size:50% auto;}
.h_service_li02 a:hover {background-size:50% auto;}
.h_service_li03 a:hover {background-size:50% auto;}
.h_service_li04 a:hover {background-size:50% auto;}


.h_service_three a {
	width: 140px; padding-top: 150px;
}
.top_logo {
	width:30%;
	height: 88px;
}
.top_logo a {
	height: 88px; width:auto;
}
.btn-hamburger{ top:46px;}

.a {
    background: #000; margin-bottom:60px
}

.minibanner1 {height: 140px;}
.minibanner12 {height: 140px;}
.minibanner2 {height: 140px;}
.minibanner3 {height: 140px;}
.minibanner4 {height: 140px;}
.minibanner5 {height: 140px;}
.minibanner6{height: 140px;}

.main_bj1{ background:none}
.main_bj2{ background:none}

.left {
    float: none;
    width: 100%;
}
.right {
    float: none;
    width: 100%; clear:both
}
.location{ text-align: left;padding-top: 25px;
	padding-bottom: 10px;}
.left_top{ display:none}

.lierge li {
	display: block;
	float: left;
	width: 48%; margin-right:2%;
	padding-bottom: 5px;
}

.lierge li:nth-child(2n+1) { clear:both
}
.lisange li {
	display: block;
	float: left;
	width: 32%; margin-right:2%;
	padding-bottom: 5px; margin-left:-3px;
}
.lisige li {
	display: block;
	float: left;
	width: 23.5%; margin-right:2%;
	padding-bottom: 5px; margin-left:-2.7px;
}
.left_list li:last-child{ margin-right:0}
.left_list li:first-child{ margin-left:0}
.left_list {
    width: 100%;
    max-width: 100%;
}
}
@media screen and (max-width:690px){
.minibanner1 {height: 120px;}
.minibanner12 {height: 120px;}
.minibanner2 {height: 120px;}
.minibanner3 {height: 120px;}
.minibanner4 {height: 120px;}
.minibanner5 {height: 120px;}
.minibanner6{height: 120px;}

@media screen and (max-width:640px){
.h_service_r li {width: 50%;}
.h_service_r li:nth-child(3) { border-top: dashed 1px #c1c1c1}
.h_service_r li:nth-child(4) { border-top: dashed 1px #c1c1c1}
.h_service_li01 a {background-size:50% auto; background-position:20%}
.h_service_li02 a {background-size:50% auto;background-position:20%}
.h_service_li03 a {background-size:50% auto;background-position:20%}
.h_service_li04 a {background-size:50% auto;background-position:20%}
.h_service_li01 a:hover {background-size:50% auto;background-position:20%}
.h_service_li02 a:hover {background-size:50% auto;background-position:20%}
.h_service_li03 a:hover {background-size:50% auto;background-position:20%}
.h_service_li04 a:hover {background-size:50% auto;background-position:20%}

.h_service_three li {width:50%; margin-bottom:20px}

.top_logo {
	width:50%;
	height: 80px;
}
.top_logo a {
	height: 80px; width:auto;
}
.btn-hamburger{ top:42px;}

.h_case_l {
	float: none;
	width: 100%;
}
.h_case_r {
	float: none;
	width: 100%;
}
.h_case_ima01 {
    height: 500px;
}
.h_case_rtop_l {
    width: 100%;
    float: left;
    background-size: 80% auto;
}
.h_case_rtop_l a {
    height: 400px;
    background-size: 80% auto;
}
.h_case_rtop_r{ width:100%}
.h_case_ima02 {
    height: 300px;
}
.h_case_rdown {
	height: 160px;
}
.h_case_rdown a {
	height: 160px;
}

.h_team_list li {
	float: left;
	width: 48.5%; margin-right:3%; margin-bottom:15px
}
.h_team_list li:nth-child(2n) {
	margin-right:0%;
}

.snews li{ float:none; width:99%; margin:0 auto 15px auto}
.snews li:nth-child(3n){ margin-right:0%;}
.snews li:nth-child(2n){ margin-right:0%;}

.adte {
    float: left;
    width: 25%;
}
.nerzs {
    float: right;
    width: 72%;
}
.h_news_list li {
	float: none;
	width: 100%; clear:both;padding-top: 15px;
}

.liuyan_l {
	float: none;
	width: 100%;
	border-right: none
}
.liuyan_r {
	float: none;
	width: 100%;
}
.b {
    float: none;
    width: 100%;
}
.foot_top{ display:none}


.h_team_list li:nth-child(3){ margin-top:20px}
.h_team_list li:nth-child(4){ margin-top:20px}

.minibanner6 {
	background-position: 25% top;
}
.minibanner5 {
	background-position: 25% top;
}
.minibanner4 {
	background-position: 25% top;
}
.news_list li {
    padding-top: 15px;
    padding-bottom: 15px;
}

.case_tleft {
	width: 23%;
}
.case_tright {
	width: 77%;
}

.case_list li {
	width: 48.5%; margin-right:3%; margin-left:-4px;
	
}
.case_list li:nth-child(3n) { margin-right:3%}
.case_list li:nth-child(3n+1) { margin-left:-4px; clear:none}

.case_list li:nth-child(2n) { margin-right:0%}
.case_list li:nth-child(2n+1) { margin-left:0px; clear:both}

.case1_list li {
	width: 48.5%; margin-right:3%; margin-left:-4px;
}
.case1_list li:nth-child(3n) { margin-right:3%}
.case1_list li:nth-child(3n+1) { margin-left:-4px; clear:none}

.case1_list li:nth-child(2n) { margin-right:0%}
.case1_list li:nth-child(2n+1) { margin-left:0px; clear:both}


.case1_show_tleft{
	float: none; width:98%; margin-bottom:20px
}
.case1_show_tright{
	float: none; width:100%; 
}

.con_map {
	float: none;
	width: 100%;
}


.contact_txt {
	float: none;
	width: 100%;
}
.case_show_txtl {
	width: 40%;
}
.case_show_txtr {
	float: right;
	width: 58%;
}
#mainbody img{ width:100%; height:auto}
}